.head {
	width:100%;
	height:105px;
	margin:0px auto;
	position: fixed;
	display: block;
	left: 0;
	top: 0;
	padding: 0px 50px;
	background:#fff;
	z-index: 1;
}
.logo {
	width:27%;
	height:105px;
	background:url(../sximg/logo.jpg) no-repeat
}
.animenu_nav {
	width:50%;
	height:105px; margin-right:5%
}
.tel {
	width:18%;
	height:105px;
	font-size:14px;
	line-height:20px!important;
	background:url(../sximg/tel.jpg) no-repeat left center;
	padding-left:60px;
	padding-top:25px;
}
.tel span {
	font-size:18px;
	color:#005aba;
	font-weight:bold;
	display:block;
}
.content {
	z-index: 2;
}
 @media screen and (max-width: 1680px) {
 .logo {
width:30%;
}
.animenu_nav {
width:45%; margin-right:0%
}
 .tel {width:25%;
}
}
 @media screen and (max-width: 1440px) {
 .logo {
width:30%;
}
.animenu_nav {
width:45%; margin-right:0%
}
 .tel {width:25%;
}
}
 @media screen and (max-width: 1280px) {
 .head {
width:100%;
height:100px;
}
 .logo {
width:95%;
height:100px;
}
 .tel {
width:10%;
height:100px;
}
}
 @media screen and (max-width: 1024px) {
}
 @media screen and (max-width: 768px) {
	 .tel { display:none} 
	 
}
 @media screen and (max-width: 414px) {
 .head {
width:100%;
height:60px;padding: 0px 0px;
}
 .logo {
width:90%;
height:60px;background:url(../sximg/iap_logo.jpg) no-repeat
}

}
/*** 

====================================================================
	Main Header style / Header Style One
====================================================================

***/

.main-header {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	z-index: 9999;
	background:none;
}
/*** 

====================================================================
		Banner Section
====================================================================

***/

.banner-section {
	position: relative;
	z-index:1;
}
.showcase {
	height: 780px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	margin-top:0;
}
.banner_bot {
	width:100%;
	height:105px
}
.showcase {
	height: 780px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	margin-top:0;
}
 @media screen and (max-width: 1680px) {
 .showcase {
height:683px;
}
}
 @media screen and (max-width: 1440px) {
 .showcase {
height:585px;
}
}
@media screen and (max-width: 1280px) {
 .showcase {
height:520px;
}
.banner_bot {
width:100%;
height:100px
}
}
 @media screen and (max-width: 1024px) {
 .showcase {
height:416px;
}
}
 @media screen and (max-width: 768px) {
 .showcase {
height:312px;
}
 .banner_bot {
height:60px
}
}
 @media screen and (max-width: 414px) {
 .showcase {
height:168px;
}
}
 @media screen and (max-width: 375px) {
 .showcase {
height:152px;
}
}
 @media screen and (max-width: 360px) {
 .showcase {
height:146px;
}
}
.showcase1 {
	height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	margin-top:0;
}
 @media screen and (max-width: 1680px) {
 .showcase1 {
height:263px;
}
}
 @media screen and (max-width: 1440px) {
 .showcase1 {
height:225px;
}
}
 @media screen and (max-width: 1280px) {
 .showcase1 {
height:200px;
}
}
 @media screen and (max-width: 1024px) {
 .showcase1 {
height:160px;
}
}
 @media screen and (max-width: 768px) {
 .showcase1 {
height:120px;
}
}
 @media screen and (max-width: 414px) {
 .showcase1 {
height:65px;
}
}
 @media screen and (max-width: 375px) {
 .showcase1 {
height:59px;
}
}
 @media screen and (max-width: 360px) {
 .showcase1 {
height:56px;
}
}
.showcase h1 {
	font-weight:bold;
}
.showcase .content {
	opacity: 0.7;
}
.video-container video {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}
.video-container:after {
	content: '';
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.1);
	position: absolute;
}
.content {
	z-index: 2;
}